<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>个人博客</title>
<meta name="keywords" content="个人博客" />
<meta name="description" content="" />
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
</head>

<body>
    <!--header start-->
    <div id="header">
      <h1>刘明明个人博客</h1>
      <p>青春是打开就合不上的书；人生是踏上了就回不了头的路，技术是不用就会忘记的赌注。</p>    
    </div>
     <!--header end-->
    <!--nav-->
     <div id="nav">
        <ul>
         <li><a href="index.html">首页</a></li>
         <li><a href="learn.html">学无止境</a></li>
         <li><a href="riji.html">个人日记</a></li>
         <li><a href="shuo.html">碎言碎语</a></li>
         <li><a href="xc.html">相册展示</a></li> 
         <li><a href="about.html">关于我</a></li>
         <div class="clear"></div>
        </ul>
      </div>
       <!--nav end-->
    <!--content start-->
    <div id="content">
         <!--left-->
         <div class="left" id="c_left">
           <div class="s_tuijian">
           <h2>文章<span>推荐</span></h2>
           </div>
          <div class="content_text">
           <!--wz-->
           <div class="wz">
            <h3><a href="more/m1.html" title="前端监控系统之“实战篇”">前端监控系统之“实战篇”</a></h3>
             <dl>
               <dt><img src="images/s.jpg" width="200"  height="123" alt=""></dt>
               <dd>
                 <p class="dd_text_1">相信看过理论篇的同学，因为会发现一些疑惑，您只是简单讲解了前端SDK上报的功能设计，和整个项目架构图，并没有涉及过多的细节。别急，今天我们详细来讲讲，具体怎么操作的。.....</p>
               <p class="dd_text_2">
               <span class="left author">青牛大师</span><span class="left sj">时间:2020-4-19</span>
               <span class="left fl">分类:<a href="#" title="学无止境">学无止境</a></span><span class="left yd"><a href="more/m1.html" title="阅读全文">阅读全文</a>
               </span>
                <div class="clear"></div>
               </p>
               </dd>
               <div class="clear"></div>
             </dl>
            </div>
           <!--wz end-->
            <!--wz-->
           <div class="wz">
            <h3><a href="more/m2.html" title="前端MVVM框架之“Vue.js组件篇”">前端MVVM框架之“Vue.js组件篇”</a></h3>
             <dl>
               <dt><img src="images/s1.jpg" width="200" height="123" alt=""></dt>
               <dd>
                 <p class="dd_text_1">相信看过上一篇“Vue.js入门”的同学，对Vue大概有了一定程度上的了解。废话不多说，今天我们接着聊Vue的组件系统!为什么说：“组件系统是Vue中一个核心的功能呢？”
因为它能帮助我们，提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题........</p>
               <p class="dd_text_2">
               <span class="left author">青牛大师</span><span class="left sj">时间:2020-4-13</span>
               <span class="left fl">分类:<a href="#" title="学无止境">学无止境</a></span><span class="left yd"><a href="more/m2.html" title="阅读全文">阅读全文</a>
               </span>
                <div class="clear"></div>
               </p>
               </dd>
               <div class="clear"></div>
             </dl>
            </div>
           <!--wz end-->
            <!--wz-->
           <div class="wz">
            <h3><a href="more/m3.html" title="Webpack之“多页面开发”最佳实战">Webpack之“多页面开发”最佳实战</a></h3>
             <dl>
               <dt><img src="images/s2.jpg" width="200" height="123" alt=""></dt>
               <dd>
                 <p class="dd_text_1">前端构建工具之“Webpack”的朋友,对于Webpack有了一定的了解。那么今天就跟大家分享下:如何利用webpack,来进行多页面项目实战开发。.....</p>
               <p class="dd_text_2">
               <span class="left author">青牛大师</span><span class="left sj">时间:2020-4-10</span>
               <span class="left fl">分类:<a href="#" title="学无止境">学无止境</a></span><span class="left yd"><a href="more/m3.html" title="阅读全文">阅读全文</a>
               </span>
                <div class="clear"></div>
               </p>
               </dd>
               <div class="clear"></div>
             </dl>
            </div>
           <!--wz end-->
           <!--wz-->
           <div class="wz">
            <h3><a href="more/m4.html" title="jquery制作banner全屏特效切换原理">jquery制作banner全屏特效切换原理</a></h3>
             <dl>
               <dt><img src="images/s3.jpg" width="200" height="123" alt=""></dt>
               <dd>
                 <p class="dd_text_1">最近在学习jquery，发现jquery上手比javascript容易许多，因为有着良好的文档和帮助手册，如果遇到一些问题可以借助文档来解决。初步接触学习jquery，我发现学习jquery主要是学会如何使用内置的方法。.....</p>
               <p class="dd_text_2">
               <span class="left author">青牛大师</span><span class="left sj">时间:2020-4-2</span>
               <span class="left fl">分类:<a href="#" title="学无止境">学无止境</a></span><span class="left yd"><a href="more/m4.html" title="阅读全文">阅读全文</a>
               </span>
                <div class="clear"></div>
               </p>
               </dd>
               <div class="clear"></div>
             </dl>
            </div>
           <!--wz end-->
            <!--wz-->
           <div class="wz">
            <h3><a href="more/m5.html" title="关于响应式布局">关于响应式布局</a></h3>
             <dl>
               <dt><img src="images/s3.jpg" width="200" height="123" alt=""></dt>
               <dd>
                 <p class="dd_text_1">随着互联网的快速发展，以及html5+css3的迅速崛起。渐渐的响应式布局，也会慢慢的出现在我们的视野里，身为专业的web前端人员，还不学习新技术你就out啦！为什么这样说呢？因为响应式布局能同时兼容多个终端，比如（手机、平板、PC）做一个网站转眼间就可以变成3个网站，和现在相比是不是更加具有优势呢!.....</p>
               <p class="dd_text_2">
               <span class="left author">青牛大师</span><span class="left sj">时间:2020-3-19</span>
               <span class="left fl">分类:<a href="#" title="学无止境">学无止境</a></span><span class="left yd"><a href="more/m5.html" title="阅读全文">阅读全文</a>
               </span>
                <div class="clear"></div>
               </p>
               </dd>
               <div class="clear"></div>
             </dl>
            </div>
           <!--wz end-->
              
                             
           </div>
         </div>
         <!--left end-->
         <!--right-->
         <div class="right" id="c_right">
          <div class="s_about">
          <h2>关于博主</h2>
           <img src="images/my.jpg" width="230" height="230" alt="博主"/>
           <p>博主：青牛大师</p>
           <p>职业：前端交互、java技术栈</p>
           <p>爱好：旅游、K歌</p>
           <p>简介：80后屌丝，一个草根程序员，喜欢研究web前端交互技术和java应用技术。</p>
           <div class="clear"></div>
           </p>
          </div>
          <!--栏目分类-->
           <!--end-->
           <div class="link">
            <h2>收藏链接</h2>
            <p><a href="https://www.oschina.net/question/565065_86020">Java 数组转型和范型</a></p>
            <p><a href="https://www.oschina.net/question/3939240_2316318">Java 泛型擦除</a></p> 
            <p><a href="https://my.oschina.net/u/4001573/blog/3218016">Java之异常处理</a></p> 
            <p><a href="https://my.oschina.net/PerfMa/blog/3198061">JVM源码分析之堆外内存完全解读</a></p> 
			<p><a href="https://my.oschina.net/OutOfMemory/blog/4272077">Dubbo分析之心跳设计</a></p>
           </div>
         </div>
         <!--right end-->
         <div class="clear"></div>
    </div>
    <!--content end-->
    <!--footer start-->
   <div id="footer">
    <p>Design by:青牛大师</p>
    <p><a href="http://www.miitbeian.gov.cn" target="_black">苏ICP备20027343号</a></p>
   </div>
    <!--footer end-->
    <script type="text/javascript">jQuery(".lanmubox").slide({easing:"easeOutBounce",delayTime:400});</script>
    <script  type="text/javascript" src="js/nav.js"></script>

</body>
</html>
